<%@ taglib prefix="shiro" uri="http://shiro.apache.org/tags" %>
<%--
  Created by IntelliJ IDEA.
  User: mingz
  Date: 2018/5/1
  Time: 13:52
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
    <link rel="stylesheet" type="text/css" href="/static/plugins/easyui/themes/bootstrap/easyui.css">
    <link rel="stylesheet" type="text/css" href="/static/plugins/easyui/themes/icon.css">
    <script type="text/javascript" src="/static/plugins/easyui/jquery.min.js"></script>
    <script type="text/javascript" src="/static/plugins/easyui/jquery.easyui.min.js"></script>
    <!--引入中文包-->
    <script type="text/javascript" src="/static/plugins/easyui/locale/easyui-lang-zh_CN.js"></script>
    <script type="text/javascript" src="/static/js/index.js"></script>

    <script type="text/javascript" src="/static/js/product.js"></script>
</head>
<body>
<form id="info_form" method="post">
    <table>
        <tbody>
        <tr>
            <td>
                <div class="panel panel-htop" style="display: block; width: 250px;"><div id="p" class="easyui-panel panel-body panel-body-noheader" style="width: 248px; height: 200px;" title="">
                    <p style="font-size:14px">共有商品</p >
                    <p style="font-size:25px ;" align="center"><span style="color: red" id="bircount"></span>种</p >
                </div></div>
            </td>
            <td>

                <div class="panel panel-htop" style="display: block; width: 250px;"><div class="easyui-panel panel-body panel-body-noheader" style="width: 248px; height: 200px;" title="">
                    <p style="font-size:14px">服务的总销售量</p >
                    <p style="font-size:25px ;" align="center"><span style="color: red"><i id="totalClient">67231.22</i>元</span></p >
                    <p style="font-size:14px">服务商品<span style="color: red" ><i id="sumMoreThan0">100</i></span>种,<i class="nembercolor" id="sumCountMoreThan0">38</i>件商品</p >
                </div></div>
            </td>
            <td>
                <div class="panel panel-htop" style="display: block; width: 250px;"><div class="easyui-panel panel-body panel-body-noheader" style="width: 248px; height: 200px;" title="">
                    <p style="font-size:14px">库存低于<span style="color: red" id="totalExpense">200</span>件的服务商品</p >
                    <p style="font-size:25px;" align="center"><span style="color: red" id="sumLessThan10">33</span>种</p>
                    <a href="#" id="linkTest" style="color: red" type="button" class="easyui-linkbutton" data-options="text:'设置警告'"></a>
                    <p style="font-size:14px"><a href="javascript: void(0);" id="fillerproductstorage" data-options="iconCls:'icon-search',text:'详情'" class="easyui-linkbutton"></a></p >
                </div></div>
            </td>
            <td><div class="easyui-panel panel-body panel-body-noheader" style="width: 248px; height: 200px;" title="">
                    <p style="font-size:14px">近七天热卖TOP3服务</p >
                    <ul class="center-top-box" id="productTopList">
                        <li class="top-list">
                            <p class="membertopmoney fr"><i style="font-size: 18px">1.</i><span style="font-size: 22px">青色初露</span>               <span class="money" style="font-size:16px;color: red">32</span><i class="pad">个</i>
                            </p>
                        </li>
                        <li class="top-list">
                            <p class="membertopname fl"><i style="font-size: 18px">2.</i><span style="font-size: 22px">嫦娥奔月</span>                 <span class="money" style="font-size:16px;color: red">21</span><i class="pad">个</i></p>
                        </li>
                        <li class="top-list">
                            <p class="membertopname fl"><i style="font-size: 18px">3.</i><span style="font-size: 22px">金婵脱壳</span>                 <span class="money" style="font-size:16px;color: red">10</span><i class="pad">个</i></p>
                        </li>
                    </ul>
            </div>
            </td>
        </tr>
        </tbody>
    </table>
</form>
    <%--商品表格--%>
    <table id="pro_datagrid">
    </table>

    <%--按钮--%>
    <div id="pro_toolbar">
        <%--高级查询--%>
        <!--多条件组合查询-->
        <a class="easyui-linkbutton" iconCls="icon-add" plain="true"  data-cmd="add">新增</a>
        <a class="easyui-linkbutton" iconCls="icon-edit" plain="true"  data-cmd="modification">修改</a>
        <input class="easyui-textbox" prompt="商品名称/编码" id="keyword" />
        <a class="easyui-linkbutton" iconCls="icon-mysearch" plain="true"  data-cmd="query">查询</a>
        <%--导入导出的按钮--%>
        <a class="easyui-linkbutton" iconCls="icon-emoji2" data-options="plain:true" onclick="window.open('/product/exportXls.do')">导出商品</a>
           <%-- 上传表单--%>
        <form method="post" enctype="multipart/form-data" action="/product/importXls.do">
            <input type="file" name="file"/>
            <input type="submit" value="导入商品"/>
        </form>
    </div>
    <%--表单按钮--%>
    <div id="btn">
        <%--<a class="easyui-linkbutton" iconCls="icon-add" data-options="plain:true" data-cmd="save"/>确认</a>--%>
        <a class="easyui-linkbutton" iconCls="icon-save" plain="true"  data-cmd="save">保存并新增</a>
        <a class="easyui-linkbutton" iconCls="icon-cancel" data-options="plain:true"  data-cmd="cancel">取消</a>
    </div>
    <div id="pro_dialog" class="easyui-dialog" data-options="title:'修改',iconCls:'icon-myedit',closed:true">

        <!--创建表单-->
        <form id="pro_form" method="post">
            <table align="center" style="margin-top:15px">
                <input type="hidden" name="id" id="proId"/>
                <%--<input type="hidden" name="classify.type" id="classifyType"/>--%>
                <%--<input type="hidden" name="classify.id" id="classifyId"/>--%>
                <%--<input type="hidden" name="classify.classNumber" id="classifyClassNumber"/>--%>
                <%--<input type="hidden" name="classifyChild.linkId" id="classifyChildLinkId"/>--%>
                <%--<input type="hidden" name="classifyChild.linkName" id="classifyChildLinkName"/>--%>
                <%--<input type="hidden" name="classifyChild.classNumber" id="classifyChildClassNumber"/>--%>
                <tr>
                    <td align="center">商品名称:</td>
                    <td><input name="name" class="easyui-textbox" prompt="请输入商品名称" iconCls="icon-man"/></td>
                </tr>
                <tr>
                    <td align="center">一级类别:</td>
                    <td><input id="seleClass" name="classify.classname" class="easyui-combobox"/>
                    </td>
                </tr>
                <tr>
                    <td align="center">二级类别:</td>
                    <td><input id="seleLink" name="classifyChild.linkName" class="easyui-combobox"/></td>
                </tr>

                <tr id="psw">
                    <td align="center">商品编码:</td>
                    <td><input name="sn" class="easyui-textbox"/></td>
                </tr>
                <tr id="pro_costPrice">
                    <td align="center">商品进价:</td>
                    <td><input name="costPrice" class="easyui-numberbox" prompt="请添加进价" iconCls="icon-sum"
                    /></td>
                </tr>
                <tr>
                    <td align="center">销售单价:</td>
                    <td><input name="salePrice" class="easyui-numberbox" prompt="请添加售价" iconCls="icon-sum"
                    /></td>
                </tr>
                <tr>
                    <td align="center">所属店铺:</td>
                    <td><input id="shopId" name="shop.name" class="easyui-combobox"
                               data-options="panelHeight:'auto',textField:'name',valueField:'id',url:'/shop/listAll.do'"/>
                    </td>
                </tr>

            </table>
        </form>
    </div>
</body>
</html>
